<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>CrowX</title>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" id="color" href="assets/css/red.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/jquery1.7.2.js"></script>
<script type="text/javascript" src="assets/js/color_switcher.js"></script>
</head>

<body>
<div class="color-switcher" id="choose_color"> <a href="#." class="picker_close"></a>
  <ul>
    <li><a href="#." class="red" id="red"></a></li>
    <li><a href="#." class="green" id="green"></a></li>
    <li><a href="#." class="blue" id="blue"></a></li>
    <li><a href="#." class="orange" id="orange"></a></li>
    <li><a href="#." class="cyan" id="cyan"></a></li>
    <li><a href="#." class="light_pink" id="light_pink"></a></li>
  </ul>
  <div class="clr"></div>
</div>
<!--end color-switcher-->

<header class="header">
  <div class="top_row">
    <div class="container">
      <section class="row-fluid">
        <div class="span12">
          <p class="top_number"><i class="icon-mobile-phone"></i>+123 456 7980 or +123 456 7999</p>
          <ul class="top_social">
            <li><a href="#." class="fb"><i class="icon-facebook"></i></a></li>
            <li><a href="#." class="twtr"><i class="icon-twitter"></i></a></li>
            <li><a href="#." class="gmail"><i class="icon-google-plus"></i></a></li>
            <li><a href="#." class="pintrest"><i class="icon-pinterest"></i></a></li>
            <li><a href="#." class="rss"><i class="icon-rss"></i></a></li>
          </ul>
          <div class="clr"></div>
        </div>
        <!--end span12-->
        
        <div class="clr"></div>
      </section>
      <!--end row-fluid-->
      
      <div class="clr"></div>
    </div>
    <!--end container-->
    
    <div class="clr"></div>
  </div>
  <!--end top_row-->
  <nav>
    <div class="navigation_bg">
      <div class="container">
        <div class="row-fluid">
          <div class="span3"><a href="index.html" class="logo"><img src="assets/images/logo.png" alt="image" /></a></div>
          <div class="span9"> 
            
            <!-- Navbar
================================================== -->
            <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class= 			 					"icon-bar"></span> </button>
                  <div class="nav-collapse collapse">
                    <ul class="nav">
                      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home<b class="caret"></b><br />
                        <span>start here</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="index.html">Home 1</a></li>
                          <li><a href="index2.html">Home 2</a></li>
                        </ul>
                      </li>
                      <li class="active dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">pages<b class="caret"></b><br />
                        <span>what we do</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="about_us.html">About us</a></li>
                          <li><a href="contact_us.html">Contact us</a></li>
                          <li><a href="faq.html">Faq</a></li>
                          <li><a href="shortcodes.html">Shortcodes</a></li>
                          <li><a href="icons.html">Awsome Icons</a></li>
                          <li><a href="tables.html">Tables</a></li>
                        </ul>
                      </li>
                      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">portfolio<b class="caret"></b><br />
                        <span>result of our work</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="portfolio1.html">Portfilio one</a></li>
                          <li><a href="portfolio2.html">Portfilio two</a></li>
                          <li><a href="portfolio3.html">Portfilio three</a></li>
                          <li><a href="portfolio4.html">Portfilio four</a></li>
                        </ul>
                      </li>
                      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">blog<b class="caret"></b><br />
                        <span>what we think</span></a>
                        <ul class="dropdown-menu">
                          <li><a href="blog1.html">Blog right</a></li>
                          <li><a href="blog2.html">Blog left</a></li>
                          <li><a href="blog_detail1.html">Blog right detail</a></li>
                          <li><a href="blog_detail2.html">Blog left detail</a></li>
                        </ul>
                      </li>
                      <li class=""> <a href="contact_us.html">contact us<br />
                        <span>get in touch</span></a> </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clr"></div>
        </div>
        <!--end row-fluid-->
        
        <div class="clr"></div>
      </div>
      <!--end container-->
      
      <div class="clr"></div>
    </div>
  </nav>
  <!--end navigation_bg-->
  
  <div class="clr"></div>
</header>
<!--end header-->

<div class="sub_page_top">
  <div class="container">
    <section class="row-fluid">
      <div class="span8">
        <header>
          <h1 class="sub_page_hdng">Shortcodes</h1>
        </header>
        <p>It is a long established fact that a reader will content of a page when looking at its layout. </p>
      </div>
      <div class="span4">
        <ul class="breadcrumb">
          <li><a href="index.html">Home</a> <span class="divider">/</span></li>
          <li><a href="#.">Pages </a> <span class="divider">/</span></li>
          <li class="active">Shortcodes</li>
        </ul>
      </div>
      <div class="clr"></div>
    </section>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </div>
  <!--end container-->
  
  <div class="clr"></div>
</div>
<!--end sub_page_top-->

<div class="container">
  <section class="coloum_layout">
    <h1 class="dark">Columns <span>Layout</span></h1>
    <p class="large">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna. Ut convallis. </p>
    <p class="half">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. </p>
    <p class="half no_marr_right">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. </p>
    <div class="clr"></div>
    <p class="half_third">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis adipiscing.</p>
    <p class="half_third">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis adipiscing.</p>
    <p class="half_third no_marr_right">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis adipiscing.</p>
    <div class="clr"></div>
    <p class="half_four">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.</p>
    <p class="half_four">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.</p>
    <p class="half_four">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.</p>
    <p class="half_four no_marr_right">Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.</p>
    <div class="clr"></div>
  </section>
  <!--end coloum_layout-->
  
  <div class="sprtr"></div>
  <section class="tab_styles">
    <h1 class="dark">Tabs</h1>
    <div class="row-fluid">
      <div class="span6">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#home" data-toggle="tab">RESPONSIVE</a></li>
          <li><a href="#profile" data-toggle="tab">POWERFUL BEAUTY</a></li>
          <li><a href="#messages" data-toggle="tab">creative Theme</a></li>
        </ul>
        <div class="tab-content">
          <div class="tab-pane fade in active" id="home">
            <div class="tab_image"><img src="assets/images/latest_events_img.jpg" alt="image" /></div>
            <!--end tab_image-->
            <div class="tab_contant">
              <h2>Responsive Design</h2>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae.</p>
              <a href="#.">Rad More</a> </div>
            <!--end tab_contant-->
            
            <div class="clr"></div>
          </div>
          <div class="tab-pane fade" id="profile">
            <div class="tab_image"><img src="assets/images/latest_events_img.jpg" alt="image" /></div>
            <!--end tab_image-->
            <div class="tab_contant">
              <h2>powerfull Beauty</h2>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae.</p>
              <a href="#.">Rad More</a> </div>
            <!--end tab_contant-->
            
            <div class="clr"></div>
          </div>
          <div class="tab-pane fade" id="messages">
            <div class="tab_image"><img src="assets/images/latest_events_img.jpg" alt="image" /></div>
            <!--end tab_image-->
            <div class="tab_contant">
              <h2>Creative Theme</h2>
              <p>His latine offendit te, atomorum scripserit vituperatoribus ut vim, nostrum vituperatoribus ex est. Noluisse pericula nec in, eu ius affert populo suavitate, usu tota propriae.</p>
              <a href="#.">Rad More</a> </div>
            <!--end tab_contant-->
            
            <div class="clr"></div>
          </div>
        </div>
      </div>
      <!--end span6-->
      
      <div class="span6 skills">
        <h1 class="dark">OUR <span>skills</span></h1>
        <div id="bar-1"></div>
        <div class="clr"></div>
        <div id="bar-2"></div>
        <div class="clr"></div>
        <div id="bar-3"></div>
        <div class="clr"></div>
        <div id="bar-4"></div>
        <div class="clr"></div>
        <div id="bar-5"></div>
        <div class="clr"></div>
        <div id="bar-6"></div>
        <div class="clr"></div>
        <div class="clr"></div>
      </div>
      <!--end skills-->
      
      <div class="clr"></div>
    </div>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </section>
  <!--end tab_styles-->
  
  <div class="sprtr"></div>
  <section class="pricing_tables">
    <h1 class="dark">pricing <span>table</span> one</h1>
    <div class="tables">
      <div class="table_stroke">
        <ul>
          <li>
            <h3>Standard</h3>
            <p class="price"><span class="currency">$</span><span>40</span><br />
              per month</p>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a href="#." class="btn btn-danger">signup</a></p>
          </li>
          <li>
            <h3>Standard</h3>
            <p class="price"><span class="currency">$</span><span>40</span><br />
              per month</p>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a href="#." class="btn btn-danger">signup</a></p>
          </li>
          <li class="middle">
            <h3>Standard</h3>
            <p class="price"><span class="currency">$</span><span>40</span><br />
              per month</p>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a href="#." class="btn btn-danger">signup</a></p>
          </li>
          <li>
            <h3>Standard</h3>
            <p class="price"><span class="currency">$</span><span>40</span><br />
              per month</p>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a href="#." class="btn btn-danger">signup</a></p>
          </li>
          <li>
            <h3>Standard</h3>
            <p class="price"><span class="currency">$</span><span>40</span><br />
              per month</p>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a href="#." class="btn btn-danger">signup</a></p>
          </li>
          <li class="clr"></li>
        </ul>
        <div class="clr"></div>
      </div>
      <!--end table_stroke-->
      
      <h1 class="dark">pricing <span>table</span> Two</h1>
      <div class="table2">
        <ul>
          <li>
            <h3 class="red_bg">Standard</h3>
            <h1 class="light">From $2.99/month</h1>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a class="btn btn-danger" href="#.">signup</a></p>
          </li>
          <li>
            <h3 class="red_bg">Standard</h3>
            <h1 class="light">From $2.99/month</h1>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a class="btn btn-danger" href="#.">signup</a></p>
          </li>
          <li class="no_marr_right">
            <h3 class="red_bg">Standard</h3>
            <h1 class="light">From $2.99/month</h1>
            <ul>
              <li>5 Projects</li>
              <li>5 GB Storage</li>
              <li>10 GB Bandwidth</li>
              <li>Unlimited Users</li>
              <li>Enhanced Security</li>
            </ul>
            <p class="signup"><a class="btn btn-danger" href="#.">signup</a></p>
          </li>
        </ul>
        <div class="clr"></div>
      </div>
      <!--end tables2-->
      
      <div class="clr"></div>
    </div>
    <!--end tables-->
    
    <div class="clr"></div>
  </section
  >
  <!--end pricing_tables-->
  
  <div class="sprtr"></div>
  <section class="team">
    <h1 class="dark">Team <span>Members</span></h1>
    <div class="row-fluid">
      <div class="span4 team_member_small"> <img src="assets/images/team_mamber1.jpg" alt="image" />
        <div class="team_member_small_detail">
          <h3>John Kailoon<span>CEO Founder</span></h3>
          <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
        </div>
        <!--end team_member_detail-->
        
        <div class="clr"></div>
      </div>
      <!--end span4 team_member_small_detail-->
      
      <div class="span4 team_member_small"> <img src="assets/images/team_mamber2.jpg" alt="image" />
        <div class="team_member_small_detail">
          <h3>John Kailoon<span>CEO Founder</span></h3>
          <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
        </div>
        <!--end team_member_detail-->
        
        <div class="clr"></div>
      </div>
      <!--end span4 team_member_small_detail-->
      
      <div class="span4 team_member_small"> <img src="assets/images/team_mamber3.jpg" alt="image" />
        <div class="team_member_small_detail">
          <h3>John Kailoon<span>CEO Founder</span></h3>
          <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
        </div>
        <!--end team_member_detail-->
        
        <div class="clr"></div>
      </div>
      <!--end span4 team_member_small_detail-->
      
      <div class="clr"></div>
    </div>
    <!--end row-fluid-->
    
    <div class="row-fluid">
      <div class="span4 team_member_small"> <img src="assets/images/team_mamber4.jpg" alt="image" />
        <div class="team_member_small_detail">
          <h3>John Kailoon<span>CEO Founder</span></h3>
          <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
        </div>
        <!--end team_member_detail-->
        
        <div class="clr"></div>
      </div>
      <!--end span4 team_member_small_detail-->
      
      <div class="span4 team_member_small"> <img src="assets/images/team_mamber5.jpg" alt="image" />
        <div class="team_member_small_detail">
          <h3>John Kailoon<span>CEO Founder</span></h3>
          <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
        </div>
        <!--end team_member_detail-->
        
        <div class="clr"></div>
      </div>
      <!--end span4 team_member_small_detail-->
      
      <div class="span4 team_member_small"> <img src="assets/images/team_mamber6.jpg" alt="image" />
        <div class="team_member_small_detail">
          <h3>John Kailoon<span>CEO Founder</span></h3>
          <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p>
        </div>
        <!--end team_member_detail-->
        
        <div class="clr"></div>
      </div>
      <!--end span4 team_member_small_detail-->
      
      <div class="clr"></div>
    </div>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </section>
  <!--end team-->
  
  <div class="sprtr"></div>
  <section class="notification_boxes">
    <h1 class="dark"><span>Notification</span> Boxes</h1>
    <p class="success"><i class="icon-ok"></i><span>Success!</span>This is a success message.</p>
    <p class="error"><i class="icon-remove"></i><span>Error!</span>This is an error message.</p>
    <p class="warning"><i class="icon-warning-sign"></i><span>Warning!</span>This is a warning message.</p>
    <p class="task"><i class="icon-tasks"></i><span>task!</span>you need to complete some task.</p>
    <p class="member_area"><i class="icon-lock"></i><span>member area!</span>Enter your username & password.</p>
    <p class="edit"><i class="icon-pencil"></i><span>Edit</span>you can edits your portfolio.</p>
  </section>
  <!--end notification_boxes-->
  
  <div class="clr"></div>
</div>
<!--end container-->

<footer class="footer">
  <div class="container">
    <section class="row-fluid">
      <div class="span3 usefull_links">
        <h2>Usefull Links</h2>
        <ul>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Home</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>About Us</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Services</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Portfolio</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Blog</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Contact Us</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Documentation</a></li>
          <li><a href="#."><i class="icon-long-arrow-right"></i>Wordpress</a></li>
        </ul>
      </div>
      <!--end span3 usefull_links-->
      
      <div class="span3 latest_tweets">
        <h2>Latest Tweets</h2>
        <i class="icon-twitter"></i>
        <p><span>@Smith Apple</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
          <span class="date">June 29, 2013</span></p>
        <div class="clr"></div>
        <i class="icon-twitter"></i>
        <p><span>@Smith Apple</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br />
          <span class="date">June 29, 2013</span></p>
        <div class="clr"></div>
      </div>
      <!--end span3 latest_tweets-->
      
      <div class="span3 about_us">
        <h2>About Us</h2>
        <ul>
          <li class="one"><i class="icon-mobile-phone"></i>(+01) 123 456 7890</li>
          <li class="two"><a href="#."><i class="icon-envelope"></i>support@crowx.com</a></li>
          <li class="three"><a href="#."><i class="icon-globe"></i>www.crowx.com</a></li>
          <li class="four"><i class="icon-home"></i>786 Some Place Nice, Rd Nice
            State, Big Country 7860</li>
        </ul>
        <ul class="footer_social">
          <li><a href="#." class="fb"><i class="icon-facebook"></i></a></li>
          <li><a href="#." class="twtr"><i class="icon-twitter"></i></a></li>
          <li><a href="#." class="gmail"><i class="icon-google-plus"></i></a></li>
          <li><a href="#." class="pintrest"><i class="icon-pinterest"></i></a></li>
          <li><a href="#." class="rss"><i class="icon-rss"></i></a></li>
        </ul>
        <div class="clr"></div>
      </div>
      <!--end span3 about_us-->
      
      <div class="span3 recent_post">
        <h2>Recent Posts Widget</h2>
        <div class="footer_post"> <img src="assets/images/recent_widget_1.jpg" alt="image" />
          <p>Lorem ipsum dolor sit amet
            consectetur text.<span>June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end footer_post-->
        
        <div class="footer_post"> <img src="assets/images/recent_widget_2.jpg" alt="image" />
          <p>Lorem ipsum dolor sit amet
            consectetur text.<span>June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end footer_post-->
        
        <div class="footer_post"> <img src="assets/images/recent_widget_3.jpg" alt="image" />
          <p>Lorem ipsum dolor sit amet
            consectetur text.<span>June 29, 2013</span></p>
          <div class="clr"></div>
        </div>
        <!--end footer_post-->
        
        <div class="clr"></div>
      </div>
      <!--end span3 recent_post-->
      
      <div class="clr"></div>
    </section>
    <!--end row-fluid-->
    
    <div class="clr"></div>
  </div>
  <!--end container-->
  
  <p class="copyright">Copyright &copy; 2013 CrowX. All right reserved.</p>
  <div class="clr"></div>
</footer>
<script src="assets/js/bootstrap-transition.js"></script> 
<script src="assets/js/bootstrap-collapse.js"></script> 
<script src="assets/js/bootstrap-dropdown.js"></script> 
<script src="assets/js/bootstrap-tab.js"></script> 
<script>

    $('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
    })

</script> 
<script src="assets/js/jqbar.js" type="text/javascript"></script> 
<script>

    
	$(document).ready(function () {

            $('#bar-1').jqbar({ value: 99, barColor: '#e91b23' });

            $('#bar-2').jqbar({ value: 99, barColor: '#e91b23' });

            $('#bar-3').jqbar({ value: 90, barColor: '#e91b23' });

            $('#bar-4').jqbar({ value: 50, barColor: '#e91b23' });

            $('#bar-5').jqbar({ value: 60, barColor: '#e91b23' });

            $('#bar-6').jqbar({ value: 70, barColor: '#e91b23' });



        });

</script>
</body>
</html>
